<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="http://www.sohu.com">点击我跳转到百度</a>
    <script>
        // 阻止默认事件；
        // 点击a标签的时候跳转另外一个页面，并且询问是否跳转？
        var aEle = document.querySelector("a");
        aEle.onclick = function(e){
            var e = e || window.event;
            // 阻止默认事件；
            // 方式一：
            e.preventDefault();  //chrome
            // ie8及以下
            // e.returnValue = false;

           
           var res =  confirm("你真的要跳转吗??");
           if(res){
               window.location.href = "http://wwww.baidu.com";
           }
        //    return false;  //阻止默认事件；return false 要放在最后；

        }


        // 总结 ：
        /* 
            阻止冒泡 ：1.e.stopPropagation() 2.e.cancelBubble = true;
            阻止默认事件：1.e.preventDefault()：兼容性 ie8或者以下：e.returnValue=false;  2.return false;写在最后
        */

        // 小练习 ：自定义右键菜单；

    </script>
</body>
</html>